
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="role" ></div>
    <div class="box">

        <h3>可达鸭登录</h3>
        <table>
            <!-- 第一行 -->
            <tr>
                <td>性别：</td>
                <td><input type="radio" name="sex" id="nan"><label for="nan"><img src="img/1.jpg" width="20"
                            height="20">男</label>
                    <input type="radio" name="sex" id="nv"><label for="nv"><img src="img/1.jpg" width="20"
                            height="20">女</label>
                </td>
            </tr>
            <!-- 第二行 -->
            <tr>
                <td>出生日期：</td>
                <td> <select>
                        <option value="请选择年份">--请选择年份--</option>
                        <option>2020</option>
                        <option>2021</option>
                        <option>2022</option>
                        <option>2023</option>
                        <option>2024</option>
                        <option>2025</option>
                    </select>
                    <select>
                        <option value="请选择月份">--请选择月份--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                    </select>
                    <select>
                        <option value="请选择天数">--请选择天数--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>

                    </select>
                </td>
            </tr>
            <!-- 第三行 -->
            <tr>
                <td>所在地区：</td>
                <td>
                    <input type="text" value="金沙">
                </td>
            </tr>
            <!-- 第四行 -->
            <tr>
                <td>婚姻状况：</td>
                <td>
                    <input type="radio" name="marry" id="yihun" checked="checked"><label for="yihun">已婚</label>
                    <input type="radio" name="marry" id="weihun"><label for="weihun">未婚</label>
                    <input type="radio" name="marry" id="lihun"><label for="lihun">离婚</label>
                </td>
            </tr>
            <!-- 第五行 -->
            <tr>
                <td>喜欢的类型：</td>
                <td><input type="checkbox" name="love">胖的
                    <input type="checkbox" name="love">瘦的
                    <input type="checkbox" name="love">高的
                    <input type="checkbox" name="love">矮的
                    <input type="checkbox" name="love" checked="checked">都喜欢
                </td>
            </tr>
            <!-- 第六行 -->
            <tr>
                <td>自我介绍：</td>
                <td><textarea>自己的描述</textarea></td>
            </tr>
            <!-- 第八行 -->
            <tr>
                <td></td>
                <td><input type="submit" value="免费注册"></td>
            </tr>
            <!-- 第九行 -->
            <tr>
                <td></td>
                <td><input type="checkbox" checked="checked"><label>我同意用户使用条款</label></td>
            </tr>
            <!-- 第十行 -->
            <tr>
                <td></td>
                <td><a href="综合案例.html" target="_blank">已有账号，立即登录</a></td>
            </tr>
            <!-- 第十一行 -->
            <tr>
                <td></td>
                <td>
                    <ul>
                        <h4>我承诺</h4>
                        <option>我已成年</option>
                        <option>同意隐私保护政策</option>
                    </ul>
                </td>
            </tr>
        </table>
    </div>
</body>

</html>